<template>
  <div class="content-center">
    <!-- 页面标签/页面tab -->
    <div class="content-cotainer border-box">
      <!-- 面包屑 -->
      <div class="content-breadcrumb">
        <el-breadcrumb separator="/" class="breadcrumb">
          <el-breadcrumb-item :to="{ path: '/' }">数据采集</el-breadcrumb-item>
          <el-breadcrumb-item>非结构化数据采集</el-breadcrumb-item>
        </el-breadcrumb>
      </div>
      <!-- 页面内容-->
      <div class="audit-content">
        <div class="centent-title">
          <span>非结构化数据采集</span>
        </div>
        <!-- 页面内容 -->
        <div class="centent-inner">
          <div class="unstructured-data-inpBox">
            <div class="unstructured-data-inp">
              <label>非结构化数据采集：</label>
              <input type="text" value="c:\windows\system32\explorer.exe"/>
            </div>
            <div class="unstructured-data-inp">
              <label>项目编号：</label>
              <input type="text" value="012345678"/>
            </div>
            <div class="unstructured-data-inp">
              <label>文件名：</label>
              <input type="text" value="数据采集01"/>
            </div>
            <div class="unstructured-data-sel">
              <label for="typeFile">文件类型：</label>
              <select id="typeFile">
                <option value ="volvo">会议纪要</option>
                <option value ="saab">GB/T19581-2010 企事业单位</option>
                <option value="opel">GB/T19581-2010 行政</option>
              </select>
            </div>
            <div class="unstructured-data-sel">
              <label for="acquisitionTime">采集时间：</label>
              <select id="acquisitionTime">
                <option value ="volvo">2019/12/08</option>
                <option value ="saab">GB/T19581-2010 企事业单位</option>
                <option value="opel">GB/T19581-2010 行政</option>
              </select>
            </div>
            <div class="unstructured-data-inp">
              <label>采集人：</label>
              <input type="text" value="夏夯敏"/>
            </div>
           </div>
           <div class="unstructured-data-btn clearfix">
              <button class="btn fl btn-primary">上传</button>
            </div>

        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {};
  }
};
</script>

<style lang="less" scoped>
  .content-cotainer{
    padding: 0 20px 20px 20px;
    height: 100%;
    .centent-inner{
      padding: 0 20px 20px 20px;
      .unstructured-data-inpBox{
        width: 100%;
        .unstructured-data-inp,
        .unstructured-data-sel{
          margin-top:40px;
          label{
            display: inline-block;
            width: 11%;
            text-align: right;
            padding-right: 1%;
            font-size: 14px;
          }
          input,
          select{
            width: 45%;
            height: 32px;
            background: #FFFFFF;
            border: 1px solid #D2D2D2;
            border-radius: 5px;
            padding: 6px 0 6px 1%;
            font-size: 14px;
            color: #333333;
            box-sizing: border-box;
          }
        }
      }
      .unstructured-data-btn{
        width: 100%;
        padding-left: 12%;
        margin-top: 40px;
        box-sizing: border-box;
        button{
          padding: 12px 38px;
          margin-right: 1.5%;
          font-size: 20px;
        }
      }
     }
  }
</style>